<template>
  <el-scrollbar class="center-scrollbar">
    <el-row class="center-board-row" :gutter="formConf.gutter">
      <el-form
        :size="formConf.size"
        :label-position="formConf.labelPosition"
        :disabled="formConf.disabled"
        :label-width="formConf.labelWidth + 'px'"
      >
        <draggable class="drawing-board" :list="conditionItemList"
                   :animation="340" group="componentsGroup">
          <condition-item v-for="factorCategory in conditionItemList"
                          :key="factorCategory.factorItemTitle"
                          :factor-item-title="factorCategory.factorItemTitle">
          </condition-item>
        </draggable>
        <div v-show="!conditionItemList.length" class="empty-info">
          从左侧拖入或点选组件进行表单设计
        </div>
      </el-form>
    </el-row>
  </el-scrollbar>
</template>

<script>
    export default {
        name: ""
    }
</script>

